{% extends 'base/base.html' %}
{% load static %}
{% block link %}
    <link rel="stylesheet" href="{% static 'css/authPro/auth.css'%}">
{% endblock link %}
{% block title %}注册{% endblock title %}
{% csrf_token %}

{% block main_start %}
    <main id="container">
  <div class="register-contain">
    <div class="top-contain">
      <h4 class="please-register">请注册</h4>
      <a href="{% url "user:login" %}" class="login">立即登录 &gt;</a>
    </div>
    <form action="" method="post" class="form-contain">
    {% csrf_token %}


      <div class="form-item">
        <input type="text" placeholder="请输入用户名" id="username" name="username" class="form-control" autocomplete="off">
      </div>
      <div class="form-item">
        <input type="password" placeholder="请输入密码" name="password" class="form-control">
      </div>
      <div class="form-item">
        <input type="password" placeholder="请输入确认密码" name="password_repeat" class="form-control">
      </div>

      <div class="form-item">
        <input type="text" placeholder="请输入姓名" name="whoami" class="form-control" autocomplete="off" autofocus>
      </div>
      <div class="form-item">
        <input type="text" placeholder="请输入学校" name="school" id=1 class="form-control" autocomplete="off" autofocus>
      </div>
      <div class="form-item">
        <input type="text" placeholder="职位" name="job" id=2 class="form-control" autocomplete="off" autofocus>
      </div>
      <div style="height:0px; width:200px; margin: auto ">
        性别<input type="radio" name="sex" value="男">男
        <input type="radio" name="sex" value="女">女
      </div>
      <div class="form-item">
        <input type="tel" placeholder="请输入手机号" name="mobile" class="form-control" autocomplete="off" autofocus>
      </div>
      <div class="form-item">
        <input type="email" placeholder="请输入邮箱" name="email" class="form-control" autocomplete="off" autofocus>
      </div>
      <div class="form-item">
        <input type="text" placeholder="请输入图形验证码" name="captcha_graph" class="form-captcha">
        <a href="javascript:void(0);" class="captcha-graph-img">
          <img src="{% url 'verification:image_code' %}" alt="验证码" title="点击刷新">
        </a>
      </div>
      <!--<div class="form-item">-->
        <!--<input type="text" placeholder="请输入短信验证码" name="sms_captcha" class="form-captcha" autocomplete="off">-->
        <!--<a href="javascript:void(0);" class="sms-captcha" title="发送验证码">获取短信验证码</a>-->
      <!--</div>-->
      <div class="form-item">
        <input type="submit" value="立即注册" class="register-btn" >
      </div>

    </form>
  </div>
</main>

{% endblock main_start %}

{% block script %}
    <script src="{% static "js/user/register.js" %}"></script>
{% endblock %}
